<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>


<title>POS收单运营管理平台</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link href="<s:url value="/css/common.less"/>" type="text/less"
	rel="stylesheet" />
	<link href="<s:url value="/css/common.css"/>" type="text/css"
	rel="stylesheet" />

<script type="text/javascript"
	src="<s:url value="/js/jquery-1.3.2.js" />"></script>
<script type="text/javascript"
	src="<s:url value="/js/jquery-1.9.1.js" />"></script>
<script type="text/javascript"
	src="<s:url value="/js/jquery.blockUI.js" />"></script>
<script type="text/javascript"
	src="<s:url value="/js/jquery.validate.min.js" />"></script>
<script type="text/javascript"
	src="<s:url value="/js/pwms.validate.js?v13" />"></script>
<script language="javascript" type="text/javascript"
	src="<s:url value="/js/My97DatePicker/WdatePicker.js"/>"></script>

<style type="text/css">

.error {
	color: red;
}

</style>
<script type="text/javascript">
$(document).ready(function() {
		function loadType()
		{
			var type=$('#type').val();
			if(type=='0')
			{
				$('#title').text("法人身份证：");
				}
			else if(type=='1')
				{
				  $('#title').text("营业执照：");
				}
			else if(type=='2')
			{
			  $('#title').text("结算卡号：");
			}
			else if(type=='3')
			{
			  $('#title').text("非法人身份证：");
			}
			else if(type=='4')
			{
			  $('#title').text("手机号：");
			}
		}
		$("#type").on("change",loadType);
		loadType();
		// 字符最大长度验证（一个中文字符长度为2）
		 jQuery.validator.addMethod("stringMaxLength", function(value,element, param) {
			var length = value.length;
			for ( var i = 0; i < value.length; i++) {
				if (value.charCodeAt(i) > 127) {
					length++;
				}
			}
			return this.optional(element) || (length <=param);
		}, $.validator.format("长度不能大于{0}!"));	
		
		
		$("#stopForm").validate({
			debug : true,
			submitHandler : function(form) {				
					form.submit();
			},
			rules : {
				"stop.createtime" : {required : true},				 				
				"stop.status" : {required : true},
				"stop.detail" : {required : true,stringMaxLength:100},
				"stop.mid" : {required : true,stringMaxLength:30,remote:{
						type:'post',
						url:'validateStop.ct',
						data:{
							"stop.mid":function()
							{
								return $('#mid').val();
							}
						}
					}
				}																																	
			}, 
			messages : {
				"stop.createtime" : {required : "必填"},				 
				"stop.mid" : {required : "必填",remote:"账号已存在"},
				"stop.status" : {required : "必选"},
				"stop.detail" : {required : "必填"}
			},errorPlacement: function(error, element) { 
			    if ( element.is(":radio") ) 
			        error.appendTo ( element.parent() ); 
			    else if ( element.is(":checkbox") ) 
			        error.appendTo ( element.parent() ); 
			    else if ( element.is("input") ) {
			    	error.appendTo ( element.parent() ); 
			    }
			    else 
			        error.insertAfter(element); 
			} 
		   });
		});
</script>
</head>
<body>
			<s:form id="stopForm" action="/stop/addStop.ct" method="post"  theme="simple"  >
				<table width="100%" class="tb" >
			        <tr class="tb-line">
			            <td class="tb-td" colspan="6">
				            <div class="tb-h2">POS收单运营管理平台</div>
					   	</td>
			        </tr>
	                <tr class="tb-line bg-gray">
			            <td class="tb-td" colspan="4"><div class="tb-h3">
			                	添加证件限制
			                	</div>
			            </td>
			        </tr>
			
					<tr class="tb-line">

				    	<td align="right" class="tb-td" style="width:110px;">
				        	<div class="tb-h4">日期：</div>
			            </td>
			            <td class="tb-td" colspan="4">
			             	<label class="tb-input-lengthen"  > 
			             		<s:textfield name="stop.createtime" theme="simple" cssClass="queryWidth" disabled="true" value="%{stop.createtime}"/> 
			             		<s:hidden name="stop.createtime"></s:hidden>
			             	</label>
			             	<font color="red">*</font>			         
					</tr>
					<tr class="tb-line">
				    	<td align="right" class="tb-td" style="width:110px;">
				        	<div class="tb-h4">类型：</div>
			            </td>
			            <td class="tb-td" >
			             	<label class="tb-select">
								<s:select name="stop.status" list="#{'0':'法人身份证','1':'营业执照','2':'结算卡号','3':'非法人身份证','4':'手机号' }"  listKey="key" listValue="value" id="type"   cssClass="queryWidth" />
						 	</label>
						 	<font color="red">*</font>
						</td>
					     
				    	<td align="right" class="tb-td" style="width:110px;">
				        	<div class="tb-h4" id="title">证件号码：</div>
			            </td>
			             <td class="tb-td" >			             	
								<label class="tb-input-lengthen">
			             		<s:textfield maxLength="200" name="stop.mid"
									cssClass="queryWidth" id="mid"></s:textfield>
								</label>
								<s:hidden name="mid" value="%{stop.mid}"></s:hidden>
								<font color="red">*</font>
						</td> 
					</tr>
								   
					<tr class="tb-line">
				    	<td align="right" class="tb-td" style="width:110px;">
				        	<div class="tb-h4">原因：</div>
			            </td>
			            <td class="tb-td" colspan="3" style="height:auto;line-height:auto;" >
			             	<label style="height:auto;line-height:auto;">
			             		<s:textarea rows="5" cssClass="someWidth" 
								name="stop.detail" maxlength="200"  style="height: 102px; resize: none; width: 530px;padding:0 5px;" />
			             	</label>
			             </td>
					</tr>
				</table>		
		      <table width="100%" border="0" cellspacing="0" class="table">
		           	<tr class="tb-line">
						<td colspan="4" align="center"><span style="color: red"><s:actionerror /></span>
							<span style="color: red;"><s:actionmessage /></span > <span style="color: red;"><s:fielderror
									cssClass="fieldError" /></span>
							<span id="otherError"></span>
						</td>
					</tr>
					<tr class="tb-line">
			            <td class="tb-td line-submit" align="center" colspan="4">
			                <label class="tb-input-submit">		                
			                	<s:submit id="btnAdd" value="保  存" />								
							</label>
			                <label class="tb-input-submit">
								<input type="reset" value="取  消"/>
							</label>
							<label class="tb-input-submit">
								<input type="button" value="返回" onclick="history.back()"/>
							</label>
						</td>
					</tr>
            </table>
			</s:form>	
</body>
</html>
